<style type="text/css">
    .task-preview{position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    z-index: 1001;
    overflow-y: auto;}
    .task-preview .task-main{width:1170px;margin:0 auto;}
</style>
<div class="task-preview">
    <div class="task-main">
        <!--培训任务遍历-->
        <div class="panel-body">
            <h1 style="text-align: center;margin-top: 40px;font-weight: 200;">
            <a style="
                float: left;
                font-size: 14px;
                line-height:  2rem;
                color: #666;
                border: 1px #ddd solid;
                background-color:  #fff;
                padding:  3px 10px;
                border-radius: 3px; cursor:pointer;
                text-decoration:  none;"  ng-click="backClose()"><i class="iconfont" style="margin:0">&#xe71f;</i>返回</a>
            {{isTask?taskObj.name:taskObjNew.knowledge_Name}}</h1>            
            <a ng-href="{{commonUrl}}" id="commonCHref" target="_blank"></a>
            <div class="xueyuanduan_renwulist_item_xuexitj" ng-if="isTask">               
                <!--培训日期-->
                <span ng-if="taskObj.date_formate == 1">
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shijian3"></use></svg>
                    任务日期：{{ taskObj.start_Date +'-'+ taskObj.end_Date }}
                    <!--精确时间-->
                    <m ng-if="taskObj.fine_time"> 时间段： {{taskObj.start_time+'-'+taskObj.end_time }}</m>
                </span>
                <!--天数-->
                <span ng-if="taskObj.date_formate == 2">
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shijian3"></use></svg>
                    任务天数：{{taskObj.date_formate_time}}天 </span>                    
                <span>
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-5"></use></svg>
                    考核条件：{{ taskObj.qualified_condition == 1 ? '学满学时' : (taskObj.qualified_condition
                    == 2 ? '考核通过' : '不限制')}} </span>
               <span ng-if=" taskObj.qualified_condition == 1 || taskObj.qualified_condition == 2">
                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-xuefen"></use></svg>
                        <m ng-if="taskObj.qualified_condition == 1">要求总分钟数: {{taskObj.qualified_pass}}分</m>
                        <m ng-if="taskObj.qualified_condition == 2">要求考试分数: {{taskObj.qualified_pass}}分</m>
                </span>
                <span ng-if="taskObjNew.arrage.isOrder" style="color:Red;">注意：此任务为强制顺序学习任务，请依次学习课程！</span>
                <!--报名提示-->
                <span  style="color:Red;" ng-if="taskObjNew.isReviewed">{{warnMsg}}<a href="javascript:void(0)" ng-click="signUpArrange(taskObjNew)" style="color: #39f;"  ng-if="signUpState==0">立即报名</a></span>
                <!--荣誉预留-->
                <span ng-if="false">
                    <svg class="icon" aria-hidden="true" ng><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-rongyujiangxiang"></use></svg>
                    考核奖励：<div>
                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-jichutubiao_jiangli"></use></svg>
                        XX荣誉</div>
                    <div>
                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-jichutubiao_jiangli"></use></svg>
                        XX荣誉</div>
                </span>
                <div style="color: #979797;    clear: both;" ng-if="taskObjNew.arrage.ksfList.length>0">
                <div>
                   <svg class="icon" aria-hidden="true" ng><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-xingjikaoshi"></use></svg>
                    附件：</div><br/>

                        <div ng-repeat="kbinfo in taskObjNew.arrage.ksfList" style="text-align: center;overflow: hidden;float: left; height:80px;padding: 0 20px;width: 60px; cursor:pointer;" title="{{kbinfo.fileName}}" ng-click="filePreview(kbinfo)">
                            <img ng-src="/images/fileicon/{{kbinfo.fileType}}_56.png" src="/images/fileicon/qita_56.png" onerror="javascript:this.src='/images/fileicon/qita_56.png'" />
                           <br/>{{kbinfo.fileName}}
                        </div>
                </div>
                 <span style="clear: both;" ng-if="taskObj.arrage_Description!=undefined&&taskObj.arrage_Description.length>0">
                    <svg class="icon" aria-hidden="true" ng><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-xingjikaoshi"></use></svg>
                    任务描述：<div ng-bind-html="taskObj.arrage_Description.length>0?(taskObj.arrage_Description|to_html):'暂无描述'"></div>
                </span>
                <div class="clear">
                </div>
            </div>
            <!--遍历阶段-->
            <div class="xueyuanduan_renwulist_item_jieduangroup" ng-if="isTask">
                <div class="clear">
                </div>
                <span ng-class="{'active': arrageType.key == selStageFlag}" ng-repeat="arrageType in taskObjNew.arragetype"
                    ng-bind="arrageType.keyName==undefined?'第'+arrageType.key+'阶段':arrageType.keyName" ng-click="selStage(arrageType,arrageType.key)">第一阶段</span>
            </div>
			<div class="xueyuanduan_renwulist_item_xuexitj" ng-if="!isTask&&taskObjNew.know_select_que">               
                <span>
                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-5"></use></svg>
                    题库考核条件：{{taskObjNew.know_select_que_type
                    == 1? ('固定时长'+taskObjNew.know_select_que_num+'（分钟）') :(taskObjNew.know_select_que_type ==2?('完成度达到'+taskObjNew.know_select_que_num+'%'):'全部答完')}} </span>
 
                <div class="clear">
                </div>
            </div>
            <div class="xueyuanduan_renwulist_item_jieduangroup" ng-if="!isTask">
                <div class="clear">
                </div>
                <span ng-class="{'active': selectType == 1}"  ng-click="selType(1)" ng-if="taskObjNew.know_select_course">课程</span>
                <span ng-class="{'active': selectType == 2}"  ng-click="selType(2)" ng-if="taskObjNew.know_select_exam">试卷</span>
                <span ng-class="{'active': selectType == 3}"  ng-click="selType(3)" ng-if="taskObjNew.know_select_que">题库</span>
            </div>
            <!--遍历课程、试卷、文件-->
            <ul class="xueyuanduan_renwulist_list-group" ng-if="isTask">
                            <!--Loading-->
<!--                            <loading isloading="taskObjNew.isRequestLoading" style="top: 50px;"></loading> | orderBy:['order']:false-->
                            <!--遍历课程-->
                            <li ng-repeat="obj in taskObjNew.arragetype[selStageFlag-1].totleList" style="min-height: 240px; cursor: pointer;">
                            <!--课程类型-->
                            <div ng-if="obj.type==1"  ng-click="openUrlLink(obj,taskObjNew.id)" style="position: relative;">
                            <div class="shuqian-down" ng-if="completeStr.indexOf(obj.course_Id)!=-1" >
                            <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                            </div>
                                <!--封面-->
                                <div class="xueyuanduan_renwulist_item_img">
                                    <!--课程封面-->
                                    <img src="/images/train/filenull.png" ng-src="{{obj.course_img}}" 
                                        onerror="javascript:this.src='/images/train/filenull.png'" />
                                </div>

                                <div ng-if="obj.selectType==2&&!obj.expire">
                                        <div class="xueyuanduan_renwulist_item_img" style="top: 0;position: absolute;transition: all 0.3s ease 0s;width: 100%;background-color: rgba(0,0,0,0.5);"></div>
                                    <div style="top: 0;position: absolute;transition: all 0.3s ease 0s;width: 100%;text-align: center;padding: 20%  0;font-size: 30px;color: #fff;" class="ng-binding">已过期</div>
                                </div>
                                <!--课程中是否存在直播-->
                                <div class="xueyuanduan_renwulist_item_livets" ng-if="obj.courseLiveNum >0">
                                    <span>直播</span>
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-time"></use></svg>
                                    <!--预留直播时间等待存储-->
                                </div>
                                <!--名称-->
                                <div class="xueyuanduan_renwulist_item_name"  ng-bind="obj.course_Name">
                                </div>
                                 <div class="xueyuanduan_renwulist_item_xxjg" ng-if="taskObjNew.arrage.isOrder"  style="    margin-bottom: 35px">
                                     <span >
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuxing"></use></svg>
                                        排序：{{obj.order}}
                                    </span>
                                </div>
                                <div class="xueyuanduan_renwulist_item_xxjg" ng-if="!taskObjNew.arrage.isOrder"    style="    margin-bottom: 35px">
                                     <span  ng-if="obj.studyType=='1'">
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-biaoqianlvse"></use></svg>
                                        选修
                                    </span>
                                    <span  ng-if="obj.studyType=='2'">
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-biaoqianhongse"></use></svg>
                                        必修
                                    </span>
                                </div>
                                <!--课程信息#icon-circle-->
                                <div class="xueyuanduan_renwulist_item_xxjg">
                                    <m>                                    
                                        <svg class="icon" aria-hidden="true"  style="color:#999 !important">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-kecheng">
                                        </use>
                                        </svg>课程
                                    </m>
                                    <span>
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-zhangjielianxi"></use></svg>
                                        {{obj.course_Sum}} 章</span>
                                </div>
                                </div>
                                <!--试卷类型-->
                            <div ng-if="obj.type==2"  ng-click="openUrlLink(obj,taskObjNew.id)">
                                <div class="shuqian-down" ng-if="completeStr.indexOf(obj.paperId)!=-1" >
                                    <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                                </div>
                                <!--封面-->
                                <div class="xueyuanduan_renwulist_item_img">
                                    <!--试卷封面-->
                                    <img src="/images/train/examnull.png" ng-src="{{userInfo.user_Img}}"
                                        onerror="javascript:this.src='/images/train/examnull.png'" />
                                </div>
                                <!--名称-->
                                <div class="xueyuanduan_renwulist_item_name" ng-bind="obj.paperName">
                                    这是一个名字
                                </div>
                                <div class="xueyuanduan_renwulist_item_xxjg">
                                    <m>                                    
                                        <svg class="icon" aria-hidden="true" style="color:#999 !important">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-icon04"></use>
                                        </svg>
                                        </svg>   
                                          试卷
                                    </m>
                                    <m style="float:right;">                                    
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuxing"></use></svg>
                                        排序：{{obj.order}} 
                                    </m>
                                </div>

                                <div class="xueyuanduan_renwulist_item_xiangqing" >
                                    <span>
                                        <label>
                                            及格分:</label>{{obj.passGrade}}</span>分
                                   <span>
                                        <label >
                                              总分:</label>{{obj.totalScore}}分</span>
                                </div>
                            </div>
                             <!--知识分类类型-->
                            <div ng-if="obj.type==3" ng-click="openToDetail(obj,taskObjNew.id)">
                                <div class="shuqian-down" ng-if="completeStr.indexOf(obj.knowledge_Id)!=-1" >
                                    <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                                </div>
                                <!--封面-->
                                <div class="xueyuanduan_renwulist_item_img"  style="font-size: 48px;text-align: center;">
                                    <!--知识架构封面-->
                                    <svg class="icon" aria-hidden="true" style="margin-top:7px;" ng-click="openIcon()">
                                        <use xlink:href="{{ obj.ico ? obj.ico: '#icon-mulumoshi'}}"></use>
                                    </svg>
                                </div>
                                <!--名称-->
                                <div class="xueyuanduan_renwulist_item_name" ng-bind="obj.knowledge_Name">
                                    这是一个名字
                                </div>
                                <div class="xueyuanduan_renwulist_item_xxjg" ng-if="taskObjNew.arrage.isOrder"  style="    margin-bottom: 35px">
                                     <span >
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuxing"></use></svg>
                                        排序：{{obj.order}}
                                    </span>
                                </div>
                                <div class="xueyuanduan_renwulist_item_xxjg">
                                    <m>                                    
                                        <svg class="icon" aria-hidden="true" style="color:#999 !important"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-file"></use>
                                        </svg>   
                                          知识分类
                                    </m>
                                </div>
                            </div>
                            </li>
                        </ul>
                        

                        <!--分类下的课程  试卷  题库-->
                        <ul class="xueyuanduan_renwulist_list-group" ng-if="!isTask">
							<center ng-if="taskObjNew.kscList.length<=0&&selectType==1" style="padding: 10rem 0px;color: #ccc;"><img src="/images/knownull.png"><br/>未找到数据</center>
                            <!--遍历课程-->
                            <li ng-repeat="courseObj in taskObjNew.kscList" style="min-height: 240px; cursor: pointer;"
                                ng-click="openUrlLink(courseObj,taskObjNew.id)" ng-if="selectType==1">


                            <div class="shuqian-down" ng-if="completeStr.indexOf(courseObj.courseId)!=-1" >
                            <span class="shuqian end"></span><span class="shuqiantext">已完成</span>
                            </div>
                                <!--封面-->
                                <div class="xueyuanduan_renwulist_item_img">
                                    <!--课程封面-->
                                    <img src="/images/train/filenull.png" ng-src="{{courseObj.courseImg}}" 
                                        onerror="javascript:this.src='/images/train/filenull.png'" />
                                </div>
                                <!--课程中是否存在直播-->
                                <div class="xueyuanduan_renwulist_item_livets" ng-if="courseObj.courseLiveNum >0">
                                    <span>直播</span>
                                    <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-time"></use></svg>
                                    <!--预留直播时间等待存储-->
                                </div>
                                <!--名称-->
                                <div class="xueyuanduan_renwulist_item_name"  ng-bind="courseObj.courseName">
                                </div>
                                
                                <div class="xueyuanduan_renwulist_item_xxjg">
                                    <m>                                    
                                        <svg class="icon" aria-hidden="true"  style="color:#999 !important">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-kecheng">
                                        </use>
                                        </svg>课程
                                    </m>
                                    <span>
                                        <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-zhangjielianxi"></use></svg>
                                        {{courseObj.courseSum}} 章</span>
                                </div>
                                <!--课程内容统计-->
                                <div class="xueyuanduan_renwulist_item_xiangqing" ng-if="false">
                                    <span>
                                        <label>
                                            视:</label>{{courseObj.courseVideoNum}} </span><span>
                                                <label>
                                                    文:</label>{{courseObj.courseDocNum}} </span><span>
                                                        <label>
                                                            考:</label>{{courseObj.courseExamNum}} </span><span>
                                                                <label>
                                                                    室:</label>{{courseObj.courseOutNum}} </span><span>
                                                                        <label>
                                                                            题:</label>{{courseObj.courseQueNum}}</span>
                                    <span>
                                        <label>
                                            直:</label>{{courseObj.courseLiveNum}} </span>
                                </div>
                            </li>

                            <!---遍历试卷-->
							<center ng-if="taskObjNew.kseList.length<=0&&selectType==2" style="padding: 10rem 0px;color: #ccc;"><img src="/images/knownull.png"><br/>未找到数据</center>
                            <li ng-repeat="courseObj in taskObjNew.kseList" style="min-height: 240px; cursor: pointer;"
                                ng-click="openUrlLink(courseObj,taskObjNew.id)" ng-if="selectType==2">
                            <div class="shuqian-down" ng-if="completeStr.indexOf(courseObj.paperId)!=-1" ><span class="shuqian end"></span><span class="shuqiantext">已完成</span></div>
                                <!--封面-->
                                <div class="xueyuanduan_renwulist_item_img">
                                    <!--试卷封面-->
                                    <img src="/images/train/examnull.png" ng-src="{{userInfo.user_Img}}"
                                        onerror="javascript:this.src='/images/train/examnull.png'" />
                                </div>
                                <!--名称-->
                                <div class="xueyuanduan_renwulist_item_name" ng-bind="courseObj.paperName">
                                    这是一个名字
                                </div>

                                <div class="xueyuanduan_renwulist_item_xxjg">
                                    <m>                                    
                                        <svg class="icon" aria-hidden="true" style="color:#999 !important">
                                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-icon04"></use>
                                        </svg>
                                        </svg>   
                                          试卷
                                    </m>
                                </div>

                                <div class="xueyuanduan_renwulist_item_xiangqing" >
                                    <span>
                                        <label>
                                            及格分:</label>{{courseObj.passGrade}}</span>分
                                   <span>
                                        <label >
                                              总分:</label>{{courseObj.totalScore}}分</span>
                                </div>
                            </li>

                            <!---遍历分类-->
                            <li  style="min-height: 240px; cursor: pointer;"
                                ng-click="openUrlLink(taskObjNew,taskObjNew.id)" ng-if="selectType==3&&showKnow">
                            <div class="shuqian-down" ng-if="completeStr.indexOf(taskObjNew.knowledge_Id)!=-1" ><span class="shuqian end"></span><span class="shuqiantext">已完成</span></div>
                                <!--封面-->
                                <div class="xueyuanduan_renwulist_item_img">
                                    <!--知识架构封面-->
                                    <img src="/images/train/quenull.png" onerror="javascript:this.src='/images/train/quenull.png'"  />
                                </div>
                                <!--名称-->
                                <div class="xueyuanduan_renwulist_item_name" ng-bind="taskObjNew.knowledge_Name">
                                    这是一个名字
                                </div>
                                <div class="xueyuanduan_renwulist_item_xxjg">
                                    <m>                                    
                                        <svg class="icon" aria-hidden="true" style="color:#999 !important"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-file"></use>
                                        </svg>   
                                          题库练习
                                    </m>
                                </div>
                            </li>
                        </ul>
        </div>
    </div>

    <!--文件预览-->
    <filepre isdata="isFilePreview" ng-if="isFilePreview.divhide"></filepre>

</div>